<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Filter Select Group</title>
    <script type="text/javascript" src="../mootools-1.2-core-nc.js"></script>
    <script type="text/javascript" src="../mui.filterselectgroup.js"></script>
    <script type="text/javascript">// <!-- <![CDATA[
    
    window.addEvent("domready", function(){
        new MUI.FilterSelectGroup("all_view", {
            filtered_id:"filtered_view",
            multiple:true,
            removeable:true
        });
    });
    
    // ]]> --></script>
</head>
<body>
    <h1>Filter Select Group</h1>
    <select id="all_view" size="10" multiple="multiple">
        <option value="x">X!!</option>
        <option value="y">Y!!</option>
        <option value="z">Z!!</option>
    </select>
    <select id="filtered_view" size="10" multiple="multiple"></select>
</body>
</html>
